<template>
  <el-container style="min-height: 100vh;">
    <el-header>
      <el-menu :default-active="$route.path" mode="horizontal" router>
        <el-menu-item index="/home">主页</el-menu-item>
        <el-menu-item index="/users">用户管理</el-menu-item>
        <el-menu-item index="/courses">课程管理</el-menu-item>
        <el-menu-item index="/finance">财务管理</el-menu-item>
        <el-menu-item index="/health">健康管理</el-menu-item>
        <el-menu-item index="/social">社交管理</el-menu-item>
        <el-menu-item index="/mood">心情日记</el-menu-item>
        <el-menu-item index="/resources">校园资源</el-menu-item>
      </el-menu>
    </el-header>
    <el-main>
      <router-view />
    </el-main>
  </el-container>
</template>

<script setup></script>

<style scoped>
.el-header {
  background-color: #409EFF;
  color: white;
}
</style>
